<template>
    <div id="Silkj">
        <siteItem v-for="(e,i) in sites" :site="e" :key="i"/>
    </div>
</template>
<script>
    import SiteItem from './SiteItem.vue'
    
    export default {
        components:{SiteItem},
        data() {
            return {
                sites:[
                    {
                        name:'知乎',
                        componentUrl:'/NewsList/zhihu'
                    },
                    {
                        name:'百度',
                        componentUrl:'/NewsList/baidu'
                    },
                    {
                        name:'贴吧',
                        componentUrl:'/NewsList/tieba'
                    },
                    {
                        name:'微博',
                        componentUrl:'/NewsList/weibo'
                    },
                    {
                        name:'虎扑',
                        componentUrl:'/NewsList/hupu'
                    },
                    {
                        name:'历史上的今天',
                        componentUrl:'/NewsList/lishi'
                    }
                    
                ]
            }
        },
    }
</script>
<style scoped>
#Silkj{
    border: 1px solid rgba(128, 128, 128, 0.514);
    height: 50px;
    border-radius: 10px;
    display: flex;
    background:linear-gradient(to bottom right,rgba(0, 255, 255, 0.556), pink);
    box-shadow: 3px 2px 3px gray;
}
</style>